<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>注册</title>
  </head>
  <body>
      <!-- 背景图片 -->
    <div class="bj">
      <!-- 头部文字区域 -->
      <div class="bj_tex df  fdc">
        <p class="bj_tex_rit passwd"><a href="./login.html">密码登录</a></p>
        <p class="bj_tex_left">手机号登录/注册</p>
        <p class="bj_tex_butom">快速找到好友一站式记录你的运动</p>
      </div>
      <!-- 注册区域 -->
      <div class="fom">                                             

          <input type="tel" placeholder="请输入你的手机号码" class="fom_inp1"><br>
         <p class="df inp_p"><input type="text"placeholder="请输入验证码" class="fom_inp"> <canvas id="captcha1" class="fom_but"></canvas></p> <br>
          <div class="fom_box"><span class="fom_span1">+86</span><span class="fom_span2"></span></div>
          <input type="password" placeholder="请输入密码" class="password"><br>
          <input type="password" placeholder="请再次确认密码" class="passwo"><br>
           <button class="fom_but2">注册账号</button>
        <div  class="fom_box2" id=""><p>注册失败</p>
          <p>X</p>
        </div>
      </div>
    <div class="fom_box3">
      <p class="fom_p">- HOLD ON -</p>
    </div>
    </div>
  </body>
</html>
